.keepAccounts {
	--ka-bg-color: #daf2e1;
	--ka-color: #69ae78;
	--ka-border-color: #191d26;

	height: 100%;
	background-color: var(--ka-bg-color);

	.nav {
		--adm-font-size-10: 16px;
		color: #121826;
		background-color: transparent;
		&::after {
			height: 0;
		}

		.adm-nav-bar-back-arrow {
			font-size: 20px;
		}
	}

	.header {
		height: 132px;

		.kaType {
			padding: 9px 0;
			text-align: center;

			.adm-button {
				--adm-font-size-9: 13px;

				&:first-child {
					margin-right: 10px;
				}
			}
			.selected {
				color: #fff;
				--background-color: var(--ka-border-color);
			}
		}

		.kaFormWrapper {
			padding: 10px 22.5px 20px;

			.kaForm {
				display: flex;
				padding: 11px 15px 11px 12px;
				border: 0.5px solid var(--ka-border-color);
				border-radius: 9px;
				background-color: #fff;

				.date {
					display: flex;
					align-items: center;
					height: 28px;
					padding: 5.5px 5px;
					border-radius: 4px;
					// color: #4f825e;
					color: var(--ka-color);
					background-color: var(--ka-bg-color);

					.icon {
						margin-right: 6px;
						font-size: 17px;
					}
					.text {
						font-size: 16px;
					}
				}

				.kaInput {
					flex: 1;
					display: flex;
					align-items: center;

					.input {
						flex: 1;
						margin-right: 10px;
						--text-align: right;
						--font-size: 24px;
						--color: var(--ka-color);
						--placeholder-color: #d1d1d1;
					}

					.iconYuan {
						font-size: 24px;
					}
				}
			}
		}
	}

	.container {
	}
	.kaTypeList {
		height: 490px;
		padding: 20px 11px;
		padding-bottom: 70px;
		overflow-y: scroll;
		background: #ffffff;
		border-radius: 20px 20px 0 0;
		-ms-overflow-style: none; /* Internet Explorer 10+ */
		scrollbar-width: none; /* Firefox */
		&::-webkit-scrollbar {
			display: none; /* Safari and Chrome */
		}

		.kaType {
			margin-bottom: 25px;
			font-size: 12px;
			color: #333;

			.title {
				padding-left: 5px;
				margin-bottom: 5px;
				font-size: 13px;
				color: #808080;
			}
			.list {
				display: flex;

				.item {
					width: 65px;
					height: 65px;
					padding: 9px 0;
					margin-right: 7px;
					text-align: center;
					border: 0.5px solid #fff;
					&:last-child {
						margin-right: 0;
					}

					.icon {
						height: 25px;
						line-height: 25px;
						margin-bottom: 5px;
						font-size: 25px;
					}
				}
				.item.selected {
					border: 0.5px solid var(--ka-border-color);
					border-radius: 5px;
					background: var(--ka-bg-color);
				}
			}
		}
	}

	.btns {
		position: fixed;
		bottom: 15px;
		width: 100%;
		text-align: center;

		.btn {
			width: 200px;
			--border-width: 0;
			--background-color: #fafafa;
			--text-color: #616161;
			&:first-child {
				margin-right: 15px;
			}
		}
		.btn.save {
			--background-color: var(--ka-bg-color);
			--text-color: var(--ka-color);
		}
	}
}
